<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="renderer" content="webkit">
<title>大连交通大学在线服务平台</title>
<link href="../css/bootstrap.min.css" rel="stylesheet" />
<link href="../css/font-awesome.min.css" rel="stylesheet" />
<link href="../css/common.css" rel="stylesheet" />
<link href="../images/favicon.ico" rel="shortcut icon" />
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.js"></script>
<script src="../js/bootstrapValidator.min.js"></script>
<script src="../js/language/zh_CN.js"></script>
<script src="../js/common.js"></script>
</head>
<body>
	<div class="center-block-2">
		<div class="list-group">
			<p class="list-group-item active">
				<img src="../images/lost.png" width="20px" height="20px" alt="" /> 查询条件：
			</p>

			<form action="lost_i_show.do" class="form-inline" role="form" method="post">
				<table class="table">
					<tr>
						<td><label>丢失物品:</label><input type="text" name="lost.name" placeholder="钱包|银行卡"
							class="form-control search-form-input" style="margin-top: 5px;"/></td>
						<td><label>丢失地点:</label><input type="text" name="lost.location" placeholder="体育馆|图书馆"
							class="form-control search-form-input" style="margin-top: 5px;"/></td>
						<td><label>丢失时间:</label>
						<div class="input-group date form_date" data-date-format="yyyy-mm-dd HH:ii:ss">
								<input type="text" name="lost.losttimeStart" class="form-control" /><span class="input-group-addon"><span
									class="glyphicon glyphicon-calendar"></span></span>
							</div></td>
						<td><label>至：</label>
						<div class="input-group date form_date" data-date-format="yyyy-mm-dd HH:ii:ss">
								<input type="text" name="lost.losttimeEnd" class="form-control" /><span class="input-group-addon"><span
									class="glyphicon glyphicon-calendar"></span></span>
							</div></td>
						<td><label>&nbsp;</label> <input type="submit"
							class="btn btn-sm btn-success glyphicon glyphicon-search search-form-btn" value="查询" /></td>
					</tr>
				</table>
			</form>
		</div>
		<div class="list-group">
			<p class="list-group-item active">
				<img src="../images/lost.png" width="20px" height="20px" alt="" /> 结果列表
			</p>
			<div class="goods-div-er">
				<c:choose>
					<c:when test="${not empty s_lost}">
						<ul class="goods-sm">
							<c:forEach items="${s_lost}" var="s_lost" begin="0" end="7">
								<li><a href="#" class="thumbnail"> <img src="../${s_lost.imgurl}" alt="${s_lost.name}">
										<p>${s_lost.name}</p>
										<p>地点：${s_lost.location}</p>
										<p>
											时间：
											<fmt:formatDate value="${s_lost.losttime}" pattern="yyyy-MM-dd" />
										</p>
										<p>联系人：${s_lost.phone}</p></a></li>
							</c:forEach>
						</ul>
					</c:when>
					<c:otherwise>
						<ul class="goods-sm">
							<c:forEach items="${application.index_lost}" var="lost" begin="0" end="7">
								<li><a href="#" class="thumbnail"> <img src="../${lost.imgurl}" alt="${lost.name}">
										<p>${lost.name}</p>
										<p>地点：${lost.location}</p>
										<p>
											时间：
											<fmt:formatDate value="${lost.losttime}" pattern="yyyy-MM-dd" />
										</p>
										<p>联系人：${lost.phone}</p></a></li>
							</c:forEach>
						</ul>
					</c:otherwise>
				</c:choose>
			</div>
			<!--  
			<div class="page-div-er">
				<ul class="pagination">
					<li><a href="#" aria-label="Previous"> <span aria-hidden="true">&laquo;</span>
					</a></li>
					<li><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li><a href="#" aria-label="Next"> <span aria-hidden="true">&raquo;</span>
					</a></li>
				</ul>
			</div>
			-->
		</div>
		<script type="text/javascript">
			$('.form_date').datetimepicker({
				language : 'zh',
				weekStart : 1,
				todayBtn : 1,
				autoclose : 1,
				todayHighlight : 1,
				startView : 2,
				minView : 0,
				maxView : 2,
				forceParse : 0
			});
		</script>
	</div>
</body>
</html>